<template>
    <div style="height: 100%">
        <HeadBar />
        <div style="background-color: #3399ff; height: 100%">
            <a-row>
                <a-col :span="12" class="fontshow">
                    <a-col offset="7" class="fontarea" style="text-align: left; margin-top: 25%">
                        <h1 class="font1">欢迎登陆</h1>
                        <h1 class="font2">学生在线练习系统</h1>
                        <h1 class="font3">Student online practice system</h1>
                    </a-col >
                </a-col>
                <a-col :span="12" class="imgshow">
                    <img alt="初始界面图片" src="@/assets/image/index.png" style="margin-top: 10%; margin-bottom: 16%" width="60%">
                </a-col>
            </a-row>
        </div>
    </div>
</template>

<script>
    import HeadBar from "@/components/content/student/HeadBar";
    export default {
        name: "index",
        components:{
            HeadBar
        }
    }
</script>

<style scoped>
    .font1{
        color: #ffffff;
        font-size: 4em;
    }
    .font2{
        color: #ffffff;
        font-size: 4em;
        margin-top: -2%;
    }
    .font3{
        color: #fefeff;
        font-size: 2.5em;
        margin-top: -3%;
    }
</style>